<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title>我的优惠券</title>
    <div data-th-replace="layout/user/user-center-head"></div>
</head>
<body>
    <div data-th-replace="layout/user/user-head"></div>
    <div class="u-bg">
        <div class="container pr u-container" id="uCenterMain">
            <section class="uCenter-box pa" id="uCenter-box">
                <div class="row uH">
                    <div class="col-sm-12 uH">
                        <div class="u-i-left__wrap u-i-left_box uH">
                            <!--左侧公共菜单 开始-->
                            <div data-th-replace="layout/user/user-left-menu"></div>
                            <!--左侧公共菜单 结束-->
                            <article class="u-c-c-cont__wrap u-c-c-main uH">
                                <div class="u-c-box uH" style="min-height: 100%;">
                                    <div class="mr20 pr10 pt10 uH">
                                        <section class="c-head-title clearfix">
                                            <aside class="pull-right mt10">
                                                <a href="javascript:void(0);" id="calendarBtn1" class="c-fff fs14 pr" title="去签到">
                                                    <i class="fa fa-calendar-check-o mr5"></i>签到
                                                </a>
                                            </aside>
                                            <h6>
                                                <span class="fs14 c-333 vam hLh30">我的优惠券</span>
                                            </h6>
                                        </section>
                                        <section class="c-info-tab c-data-tab pt10 mt10">
                                            <h4 data-id="accountBalance" class=""><span class="fs16">账户信息</span></h4>
                                            <h4 data-id="myCash" class=""><span class="fs16">我的提现</span></h4>
                                            <h4 data-id="myMembers" class=""><span class="fs16">会员信息</span></h4>
                                            <h4 data-id="myInteger" class=""><span class="fs16" th:text="'我的'+${userIntegralRuleName['name']}">我的积分</span></h4>
                                            <h4 data-id="myCoupon" class="active"><span class="fs16">优惠券</span></h4>
                                            <h4 data-id="myGiftCard" class=""><span class="fs16">礼卡</span></h4>
                                        </section>
                                        <!--优惠券-->
                                        <div class="mt20 right-box">
                                            <div class="right-s-box u-my-course_box pb10">
                                                <div class="orderTitle hLh30">
                                                    <form id="queryMyCoupon">
                                                        <section class="fs12 clearfix pull-right">
                                                            <select  name="type" id="type" class="ml10 mr10 c-333 vam hLh30" style="border: none">
                                                                <option value="0">全部</option>
                                                                <option value="1">折扣券</option>
                                                                <option value="2">代金券</option>
                                                            </select>
                                                            <select  name="status" id="status" class="ml10 mr10 c-333 vam hLh30" style="border: none">
                                                                <option value="0">全部</option>
                                                                <option value="1">未使用</option>
                                                                <option value="7">已过期</option>
                                                                <option value="5">已使用</option>
                                                            </select>
                                                        </section>
                                                        <section class="pull-right mr20">
                                                            <button id="getCouponBtn" class="btn btn-success" type="button"><i class="fa fa-dropbox"></i> 点击领券啦~</button>
                                                        </section>
                                                    </form>
                                                    <aside>
                                                        <i class="fa fa-circle-o"></i>
                                                        <span class="fs16 c-333 ml5">优惠券列表</span>
                                                        <span class="c-ccc fs12 ml10" th:text="'共'+${content}+'张，'+${expirationNum}+'张已过期，'+${useNum}+'张已使用'"></span>
                                                    </aside>
                                                </div>
                                                <section class="mt20">
                                                    <div class="" id="coupon_list_context">

                                                    </div>
                                                </section>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </article>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>

    <!--可领取优惠券列表-->
    <textarea id="coupSeleListEle" class="hide">
        <div class="getCouponEle-head"></div>
        <div class="getCouponEle-content">
            <div class="getCoupon-item-list">
                <div class="u-coupon__wrap">
                    <section class="u-coupon-left u-coupon-zkq">
                        <div class="text-center pt10 pb10 pl10 pr10">
                            <section class="u-coupon-num mt10">
                                <strong class="fs30 c-fff">5.0</strong>
                                <span class="fs18 c-fff">折</span>
                            </section>
                            <section class="hLh30">
                                <span class="c-fff fs12" title="【满50.0元可用】">【满50.0元可用】</span>
                            </section>
                        </div>
                    </section>
                    <section class="u-coupon-cont">
                        <div class="ml20 mr10 pt10 pb10">
                            <h4 class="pt10">
                                    <span class="fs20 c-333">折扣券</span>
                            </h4>
                            <section class="hLh30 mt10 ovh" onmouseover="$(this).attr('title',$(this).find('span').text().replace(/\s*/g,''));">
                                <span class="c-666">
                                    [适用于所有商品]
                                </span>
                            </section>
                            <section class="hLh30 ovh">
                                <aside class="pull-right">
                                    <button class="btn btn-danger btn-rounded btn-outline" type="button">领取</button>
                                </aside>
                                <span class="c-999">
                                    <small class="c-999">永久</small>
                                </span>
                            </section>
                        </div>
                        <div class="u-coupon-line_wrap"></div>
                    </section>
                </div>
            </div>
        </div>
    </textarea>

    <div data-th-replace="layout/user/user-common"></div>
    <script th:src="@{{path}/front/web/business/common/processing-check-in.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/front/web/business/user/common/new-utils.js?v={v}(path=${staticPath},v=${v})}"> </script>
    <script type="text/javascript" th:src="@{{path}/front/web/business/op/coupon/coupon.js?v={v}(path=${staticPath},v=${v})}"> </script>
    <script type="text/javascript" th:src="@{{path}/front/web/business/op/coupon/user-receive-coupon.js?v={v}(path=${staticPath},v=${v})}"> </script>
</body>
</html>



